<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <div class="wrap">
    <div class="top">
      <i class="icon01"></i>
      <span>京东不会以任何理由要求您转账汇款，谨防诈骗。</span>
    </div>
    <div class="head clearfix">
      <a href="#">扫码登录</a>
      <a href="#">账户登录</a>
    </div>

    <!-- 表单 -->
    <form class="use clearfix" action="#">
      <label for="username">
        <i class="icon02"></i>
        <input type="text" id="username" name="username" placeholder="邮箱/用户名/登录手机">
      </label>
      <label class="username02" for="userpass">
        <i class="icon03"></i>
        <input type="text" id="userpass" name="userpass" placeholder="密码">
      </label>
      <div class="forget-pass">
        <a href="#" class="forget-text">忘记密码</a>
    </div>
    <input class="form-btn" type="submit" value="登&nbsp;&nbsp;&nbsp;&nbsp;录">
    </form>

<!-- 底部 -->
    <div class="form-others clearfix">
      <a href="#" class="others-item">
        <i class="icon icon-qq"></i>
        <span class="text">QQ</span>
      </a>
      <span class="line">|</span>
      <a href="#" class="others-item">
        <i class="icon icon-wechat"></i>
        <span class="text">微信</span>
      </a>
      <a href="#" class="others-item register">
        <i class="icon icon-register"></i>
        <span class="text">立即注册</span>
      </a>
    </div>
  </div>
</body>
</html>